*{margin: 0;padding: 0;}
body{width:100%; height:100%;font-size: 62.5%;font-family: "微软雅黑";}
img{display: block;width:100%;height: 100%;}
.page {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
}
.page2 {
    width: 100%;
    height: 100%;
    background-color: #1285d7;
    position: absolute;
    display: none;
    overflow: scroll;
    z-index: 0;
}
.bgimg{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.titlezi{
	position: absolute;
    top: 9%;
    left: 10%;
    width: 87%;
}
.yi{
	position: absolute;
    top: 10%;
    left: 5%;
    width: 47%;
}
.name{
	position: absolute;
    top: 44%;
    left: 39%;
    width: 21%;
    /*-webkit-animation:nesd 1s linear 2s 1 alternate;
    		animation: nesd 1s linear 2s 1 alternate;*/
}
.jies{
	position: absolute;
    bottom: 14%;
    left: 17%;
    width: 70%;
}
.logo{
	position: absolute;
    bottom: 2%;
    left: 31%;
    width: 39%;
}
.logono{
	position: absolute;
    bottom: -35%;
    left: 30%;
/*    margin-bottom: 2%;*/
    width: 39%;
    	
}
.xinf{
	-webkit-animation: yi 1s linear 2;
    		animation: yi 1s linear 2;
}
.xisn{
	-webkit-animation: yisd 1s linear 2.5s forwards;
    		animation: yisd 1s linear 2.5s forwards;
}
/*.xisnd{
	-webkit-animation: yi 1s linear  forwards;
    		animation: yi 1s linear  forwards;
}*/
@-webkit-keyframes yi{
  0% {
    -webkit-transform: scale(.3, .3);
            transform: scale(.3, .3);
  }
  20% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
  40% {
    -webkit-transform: scale(.9, .9);
            transform: scale(.9, .9);
  }
  60% {
    -webkit-transform: scale(1.03, 1.03);
            transform: scale(1.03, 1.03);
  }
  80% {
    -webkit-transform: scale(.97, .97);
            transform: scale(.97, .97);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes yi{
  0% {
    -webkit-transform: scale(.3, .3);
            transform: scale(.3, .3);
  }
  20% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
  40% {
    -webkit-transform: scale(.9, .9);
            transform: scale(.9, .9);
  }
  60% {
    -webkit-transform: scale(1.03, 1.03);
            transform: scale(1.03, 1.03);
  }
  80% {
    -webkit-transform: scale(.97, .97);
            transform: scale(.97, .97);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes yisd{
  0% {
    -webkit-transform: scale(.3, .3);
            transform: scale(.3, .3);
  }
  20% {
    -webkit-transform: scale(2, 2);
            transform: scale(2, 2);
  }
  40% {
    -webkit-transform: scale(.9, .9);
            transform: scale(.9, .9);
  }
  60% {
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
  }
  80% {
    -webkit-transform: scale(.97, .97);
            transform: scale(.97, .97);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes yisd{
  0% {
    -webkit-transform: scale(.3, .3);
            transform: scale(.3, .3);
  }
  20% {
    -webkit-transform: scale(2, 2);
            transform: scale(2, 2);
  }
  40% {
    -webkit-transform: scale(.9, .9);
            transform: scale(.9, .9);
  }
  60% {
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
  }
  80% {
    -webkit-transform: scale(.97, .97);
            transform: scale(.97, .97);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
/*page2*/
input{
    border: none;
    background-color: #d9e7f0;
    height: 40px;
    padding-left: 3%;
    font-size: 1.5em;
    color: #043f69;
}
input::-webkit-input-placeholder{color: #043f69;}
textarea {
    outline: none;
    border: none;
    resize: none;
    background-color: #d9e7f0;
    padding: 3%;
    width:97%;
    height: 62px;
    color: #697885;
    font-size: 1.5em;
    margin-top: 2%;
}
textarea::-webkit-input-placeholder{color: rgba(105,120,133,.5);}
.page2 .bname{
	position: absolute;
    top: 4%;
    left: 37%;
    width: 30%;
}
.page2 .bgimgc{
	position: absolute;
    top: 15%;
    left: 4%;
    width: 94%;
    height: 115%;
    z-index: -1;
    -webkit-border-radius: 8px;
            border-radius: 8px;
	background-color: #1279c3;
}
.bia {
    position: relative;
    width: 86%;
    top: 26%;
    margin: 0 auto;
}
.page2 .bia input:nth-child(1){width: 100%;}
.page2 .bia input:nth-child(2){width: 100%;margin-top: 5%;}
.page2 .bia .yan{
    color: #fff;
    font-size: 1.3em;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 0 3%;
    margin-top: 5%;
    width: 22%;	
}
.page2 .bia .juqti{
    font-size: 1.2em;
	color: #073352;
    margin: 3% 0 0 4%;	
}
.page2 .bia .btn{
    width: 100%;
    margin: 0% 0 0 2%;    	
}
.phoh{
	width: 100%;
	overflow: hidden;
}
.phoh div{
    width: 18%;
    float: left;
    margin:3%;
}
.er{
    position: absolute;
    top: 108%;
    left: 12%;
    width: 80%;
    overflow: hidden;
}
.er img{
	width: 40%;
}
.er img:nth-child(1){float: left;}
.er img:nth-child(2){float: right;}
.abc{
	position: absolute;
	bottom: -37%;
	width: 100%;
	height: 2px;
}
